import { Component } from 'react';
import { Affix, Layout, Row } from 'antd';
import Classify from './home/Classify';
import Recommend from './home/Recommend';
import request from '../api'


const { Header, Footer, Content } = Layout;


class Home extends Component {
    constructor(props) {
        super(props)
    }
    componentDidMount() {

        
    }

    render() {
        return (
            <>
                <Layout className="layout">
                    {/* header始终固定在顶部 */}
                    <Affix offsetTop={0}>
                        <Header>Header</Header>
                    </Affix>

                    <Content className="main-content">
                        {/* 分类 */}
                        <Classify />
                        <Row gutter={[16, 16]} >
                            <Recommend />
                            <Recommend />
                            <Recommend />
                            <Recommend />
                            <Recommend />
                            <Recommend />
                            <Recommend />
                            <Recommend />
                            <Recommend />
                            <Recommend />
                        </Row>
                    </Content>
                    <Footer>Footer</Footer>
                    {/* <Affix offsetTop={0}>
                        <div className="super-header">header</div>
                    </Affix> */}

                    {/* <div className="super-content">content</div>
                    <div className="super-footer">footer</div> */}
                </Layout>
            </>
        )
    }
}


export default Home;